@CHARSET "UTF-8";

@font-face {
        font-family: 'Boston Traffic';
        src: url('../font/boston.eot');
        src: local('Boston Traffic'),
             local('Boston Traffic'),
             url('../font/boston.ttf') format('truetype');
}

@font-face {
        font-family: 'Cantarell Regular';
        src: url('../font/Cantarell-Regular.eot');
        src: local('Cantarell Regular'),
             local('Cantarell Regular'),
             url('../font/Cantarell-Regular.ttf') format('truetype');
}


html {
	font-size:80%;
	font-family:"Cantarell Regular", Arial, sans-serif;
	background: #fff url("../img/bg.jpg") 50% 0 fixed;
	height: 100%;
	margin: 0;
}

h1 {font-size: 1.9em; margin-bottom: 20px !important;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}

a {color: #03600f}
a:hover {color: #073c6c}

img {border: 1px solid #999; background-color: #fff; padding: 1px; margin: 0 10px 10px 10px;}
a img,
img:hover {border-color: #111; text-decoration: none;}

blockquote {}
blockquote p {
	line-height: 1.2em;
	font-style: italic;
}

.container_16 {
	margin-top: 20px;
}
.wrapper {
	padding: 10px;
}
	#sitebar .wrapper {padding-right: 0px;}
	#sitebar .box {text-align: center;}

.outtext {
	font-size: .8em;
	color: #fff;
	text-align: right;
}
.outtext a {
	color: inherit;
}

#top {
	text-align: right;
}

#header {
	position:relative;
	background: #fff url("../img/bg-head.jpg") 0 0 no-repeat;
	height: 208px;
}

#flashb {
	position:absolute;
	top: 35px;
	left:29px;
	z-index:9;
	background: #fff url("../img/flash.jpg") 0 0;
	display: block;
	width: 900px;
	height: 150px;
}

#nav {
	background: #fff url("../img/bg-nav.jpg") 0 0;
	height: 34px;
}

#wrapper {
	background: #fff url("../img/bg-head.jpg") 0 0 repeat-x;
	overflow: hidden;
}

#partner {
	background: #fff;
}

	#partner ul {
		overflow: hidden;
	}
	#partner ul, #partner ul li {
		margin: 0px;
		padding: 0px;
	}
		#partner ul li {
			float: left;
			list-style: none;
			display: inline;
		}

	#header, #nav, #wrapper {
		margin-bottom: 10px;
	}
	
#footer {
	text-align: center;
}
#header, #wrapper, #partner {
	position:relative;
	opacity: 0.9; /* Safari, Opera */
	-moz-opacity:0.90; /* FireFox */
	filter: alpha(opacity=90); /* IE */
	z-index: 1;
}

.contact {
	display:block;
	padding: 5px;
	color: #fff;
	background-color: #0F151C;
	border:5px solid #283A4C;
	line-height: 1em;
}

.contact dl {display: block; overflow:hidden;}
	.contact dl dt,
	.contact dl dd {display: block; float: left;}

	.contact dl dt {width: 35px; font-weight: bold; clear: left;}
	.contact dl dd {width: 150px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ul-multi.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the outer div to give it width */
#nav {
	position: relative;
}
#nav .navigation {
	position: absolute;
	left: 13px;
	z-index: 3;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav .navigation {list-style-type:none; height:34px;}

#nav .navigation, #nav .navigation ul, #nav .navigation li {margin: 0; padding: 0;} 

/* style the sub-level lists */
#nav .navigation ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav .navigation li {float:left;height:34px;line-height:3em;}

/* style the sub level list items */
#nav .navigation ul li {display:block;width:12em;height:auto;position:relative;line-height:3em;}

/* style the links for the top level */
#nav .navigation a,
#nav .navigation a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	padding:0px 1em 0 1em;
	text-shadow: 1px 1px 0px #fff;
}

/* style the sub level links */
#nav .navigation ul a,
#nav .navigation ul a:visited {
	display:block;
	color:#fff;
	width:12em;
	height:100%;
	line-height:1em;
	padding:0.5em 1em;
	text-shadow:none;
	background: #444;
}

#nav .navigation li:hover {position:relative;}
* html #nav .navigation a:hover {
	position:relative;
	text-shadow: none;
}

/* style the third level background */
#nav .navigation ul ul a, #nav .navigation ul ul a:visited {}
/* style the fourth level background */
#nav .navigation ul ul ul a, #nav .navigation ul ul ul a:visited {}

/* style the level hovers */
/* style Zend_Navigation */
#nav .navigation li.active a {color: #a6d11f !important; background: #333; text-shadow: 1px 1px 0px #000;}
/* first */
#nav .navigation a:hover {color: #a6d11f !important; background: #333; text-shadow: 1px 1px 0px #000;}
#nav .navigation :hover > a {color: inherit;}
/* second */
#nav .navigation ul a:hover{background:#333;}
#nav .navigation ul :hover > a {background:#333;}
/* third */
#nav .navigation ul ul a:hover {background:#222;}
#nav .navigation ul ul :hover > a {background:#222;}
/* fourth */
#nav .navigation ul ul ul a:hover {background:#111;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav .navigation ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em;z-index: 9}

/* position the third level flyout menu */
#nav .navigation ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
#nav .navigation ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
#nav .navigation li:hover ul, #nav .navigation a:hover ul {visibility:visible; height:auto; padding-bottom:1em; background: transparent url("images/bg-navigation.png") repeat-x fixed;}
/* keep the third level hidden when you hover on first level list OR link */
#nav .navigation :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav .navigation :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#nav .navigation :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#nav .navigation :hover ul :hover ul :hover ul {visibility:visible;}


table {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #333;
	color: #fff;
}

table td {
	margin:0;
	padding:2px;
	font-size: .9em !important;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

table tr.head td,
table thead td {
	font-size:1.1em;
	font-weight: bold;
}

table.none {
	color: #000;
	background: #fff;
	border: 0 !important;
}
table.none td {
	border: 0 !important;
}

/** KontorX */

.kx_time {
	width: 90px !important;
	vertical-align: top !important;
	background: transparent url("../img/kx_time.png") 0 0 no-repeat;
}

h1,
.kx_title {
	display:block;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px !important;
	font-size: 16px;
	min-height: 30px;
	background: transparent url("../img/kx_title.jpg") 0 0 no-repeat;
}
	.kx_title a {
		display:block;
	}

h1 {
	position:relative;
	display:inline;
	color:#e2e773;
	padding: 5px 10px 5px 35px !important;
	background-color: #000;
	background-image: url("../img/kx_title-yellow.jpg");
	background-position: 1px 1px;
	clear: both;
	margin-bottom: 15px;
}

h1 span {
	position:absolute;
	top: 0;
	left: 35px;
	display:block;

	width: 100%;
	height: 30px;
	
	background: transparent url("../img/bg-h1.png") 0 0 repeat !important;
}

h1,h2,h3 {padding-top: 5px !important; margin-top: 0;}

/** Zend_Form */
.zend_form {}
.zend_form dt,.zend_form dd {margin: 0 0 5px 0;}
.zend_form input,
.zend_form textarea {
	padding: 5px;
	font-family:inherit;
	border: 1px solid #D4D4D4;
	background-color: #fff;
}
.zend_form input {
	width: 290px;
}
.zend_form input[type=submit] {
	color:#000;
	font-size: 1.2em;
	width: auto;
}
.zend_form textarea {
	width: 290px;
	height: 100px;
}

.zend_form input:FOCUS,
.zend_form textarea:FOCUS {
	border-color: #8FB222;
	background-color: #FCFFC9;
}

.zend_form label {
	font-weight: bold;
	font-family: arial, sans-serif;
}

.zend_form .errors {
	margin-left: 0px;
}
.zend_form .errors li {
	color: red;
	font-family: arial, sans-serif;
	font-size: .9em;
}


/***/
.info,
.notice,
.warning,
.error {
	color: #000 !important;
	padding: 5px;
	border-left: 5px solid #FFCD40;
	font-size: 1.1em;
	line-height: 1em !important;
}

.info 	{border-color: #fff}
.notice {border-color: #fff}
.warning{border-color: #FF8740}
.error  {border-color: #FF4940}

.box, .box-left,.box-right {
	padding: 10px; 
	background-color: #333;
	color: #A6D11F !important;
}
.box 		{margin-bottom: 10px;}
.box-left 	{float: left; margin: 10px 10px 10px 0}
.box-right  {float: right;margin: 10px 0 10px 10px}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}


#loopedCarousel {
	padding: 10px; 
	background-color: #333;
	color: #A6D11F !important;
	margin-bottom: 10px;
	position: relative;
}

	#loopedCarousel .container {
		overflow:hidden; 
		position:relative; 
		height: 200px;
		width: 200px;
	}
	#loopedCarousel .slides {
		position:absolute;
		left:15px;
	}
		#loopedCarousel .slides div {
			position:absolute; 
			top:0;
			width:160px; 
			height:160px; 
			display:none; 
			text-align:center; 
			background-color:#d8d8d8; 
			border:1px solid #ccc; 
		}


			#loopedCarousel ul.pagination {
				background-color: #fff;
				height: 30px;
				width: 100%;
				position:absolute;
				top:-13px; left: 0;
				padding-left: 40px;
				padding-top: 10px;
				z-index: 3;
			}
			#loopedCarousel ul.pagination li {
				float:left;
				margin:0 2px;
				list-style: none;
			}	
			#loopedCarousel ul.pagination a {
				display:block;
				width:7px;
				padding-top:7px;
				text-indent:-999999px;
				height:0;
				overflow:hidden;
				background-image:url(../img/pagination.png);
				background-position:0 0;
				background-repeat:no-repeat;
			}
	
			#loopedCarousel ul.pagination li.active a {
				background-position:0 -7px
			}
			#loopedCarousel a.previous, #loopedCarousel a.next {
				position:absolute; 
				top:5px;
	
				display:block;
				width:26px; 
				height:0;
				
				overflow:hidden;
	
				padding-top:26px;
	
				background-image:url(../img/arrows.png);
				background-repeat:no-repeat;
	
				z-index: 33;
			}
			#loopedCarousel a.previous {
				left:0px; 
				background-position:0 0; 
				
			}
			#loopedCarousel a.next {
				right:0px; 
				background-position:-26px 0; 
			}
			#loopedCarousel a.previous:hover {background-position:0 -26px}
			#loopedCarousel a.next:hover {background-position:-26px -26px}
